<script setup>

</script>

<template>
       <el-menu
        unique-opened
        :router="true"
        default-active="2"
        class="el-menu-vertical-demo"
        @open="handleOpen"
        @close="handleClose"
      >
      <el-menu-item index="/">
        <i class="iconfont icon-a-ziyuan604 cl"></i>
        <template #title>工作台</template>
      </el-menu-item>
        <el-sub-menu index="1">
          <template #title>
            <i class="iconfont icon-bangonglou cl"></i>
            <span>园区管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/building">楼宇管理</el-menu-item>
            <el-menu-item index="/business">企业管理</el-menu-item>
          </el-menu-item-group>
        </el-sub-menu>
        <el-sub-menu index="2">
          <template #title>
            <i class="iconfont icon-fuwu cl"></i>
            <span>行车管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/regional">区域管理</el-menu-item>
            <el-menu-item index="/monthly">月卡管理</el-menu-item>
            <el-menu-item index="/parking">停车缴费管理</el-menu-item>
            <el-menu-item index="/billing">计费规则管理</el-menu-item>
          </el-menu-item-group>
        </el-sub-menu>
        <el-menu-item index="/property">
            <i class="iconfont icon-qianbao cl"></i>
            <template #title>物业费管理</template>
        </el-menu-item>
        <el-sub-menu index="3">
          <template #title>
            <i class="iconfont icon-tp-wr710n cl"></i>
            <span>一体杆管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/integrated">一体杆管理</el-menu-item>
            <el-menu-item index="/alarm">告警记录</el-menu-item>
          </el-menu-item-group>
        </el-sub-menu>
        <el-sub-menu index="4">
          <template #title>
            <i class="iconfont icon-shezhi-xitongshezhi cl"></i>
            <span>系统管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/employee">员工管理</el-menu-item>
            <el-menu-item index="/role">角色管理</el-menu-item>
          </el-menu-item-group>
        </el-sub-menu>
    </el-menu>
</template>

<style scoped>
 .cl {
   margin-right: 6px;
 }
</style>